<template>
  <div>
    <div class="page-box">
      <div class="data-title">年审提醒</div>
      <div>
        <el-row style="padding-top: 20px">
          <el-col :span="4" style="text-align: right;padding-right: 20px">
            <span>是否提醒年审</span>
          </el-col>
          <el-col :span="18">
            <el-radio v-model="radio" label="1">是</el-radio>
            <el-radio v-model="radio" label="2">否</el-radio>
          </el-col>
        </el-row>
        <el-row v-if="radio=='1'" style="padding-top: 10px">
          <el-col :span="4" style="text-align: right;margin-top: 10px;padding-right: 20px">
            <span>提醒年审日期</span>
          </el-col>
          <el-col :span="18">
            <el-radio v-model="radio1" label="1">
              <span>条件日期</span>
              <el-select style="margin-left: 30px" v-model="conditionTm" ref="dateSelect" placeholder="请选择">
                <el-option v-for="item in options" :key="item.value" :value="item.value" :label="item.name"></el-option>
              </el-select>
            </el-radio>
            <br />
            <el-radio v-model="radio1" label="2">
              <span>固定日期</span>
              <el-date-picker
                style="margin-left: 30px"
                v-model="fixedStartTm"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              ></el-date-picker>
            </el-radio>
          </el-col>
        </el-row>
      </div>
    </div>
    <div class="page-box">
      <div class="data-title">年审模板</div>
      <div style="text-align: right;margin: 10px">
        <el-button type="primary" size="small" @click="add">新增</el-button>
      </div>
      <el-table :data="tableData" align="center">
        <el-table-column type="index" align="center" label="序号" width="100"></el-table-column>
        <el-table-column align="center" label="年审内容">
          <template slot-scope="scope">
            <el-input v-model="scope.row.auditContent" maxlength="200"></el-input>
          </template>
        </el-table-column>
        <el-table-column align="center" label="状态">
          <template slot-scope="scope">
            <el-switch active-value="1" inactive-value="0" v-model="scope.row.annualStatus" active-color="#237bb3" inactive-color="#909399"></el-switch>
          </template>
        </el-table-column>
        <el-table-column align="center" label="操作">
          <template slot-scope="scope">
            <el-button type="text" size="small" @click="del(scope)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div class="page-box" style="text-align: right">
      <el-button type="primary" size="small" v-throttle="[submit]">保存</el-button>
    </div>
  </div>
</template>

<script src="./annual-audit-setting-list.js"></script>
<style scoped lang="scss">
@include data-title();
@include info-list(3);
@include formWrap(4);
</style>

